<template>
<div  class="csj-model">
      <Drawer
      title="添加部门"
      width="60%"
      v-model="isShowModel"
      @on-close="close"
    >
      <pub-area :inline="false" :isShowBtns="false"  ref="area"></pub-area>
      <Form :model="formItem" :label-width="80">
        <Form-item label="上级部门：">
             <Select v-model="formItem.department_name" clearable style="width:200px">
              <Option v-for="item in departmentList" :value="item.id" :key="item.id">{{ item.name }}</Option>
            </Select>
        </Form-item>
        <Form-item label="部门名称：">
           <Input v-model="formItem.name" placeholder="请输入"></Input>
        </Form-item>
         <Form-item label="联系人：">
          <Input v-model="formItem.contact" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="联系方式：">
          <Input v-model="formItem.telephone" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="联系地址：">
          <Input v-model="formItem.address" placeholder="请输入"></Input>
        </Form-item>
      </Form>
      <div class="csj-drawer-footer">
        <Button @click="close">取消</Button>
        <Button @click="confirm" type="primary" class="ml10">确定</Button>
      </div>
    </Drawer>
  </div>
</template>
<script lang="ts" src="./department-add.ts"></script>